<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>纯真年代-本站静态资源</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
		<link rel="bookmark" href="/favicon.ico" />
		<link rel="stylesheet" href="../css/layui.css" />
		<style>
			#blog-imgs img {
				width: 98%;
				margin: 4px;
				border: none;
				height: 200px;
				cursor: pointer;
			}
			
			#blog-imgs>div {
				transition: all 0.5s;
				-moz-transition: all 0.5s;
				-webkit-transition: all 0.5s;
				-o-transition: all 0.5s;
			}
			
			.myimg {
				text-align: center;
			}
			
			.layui-layer img {
				width: 100%;
			}
			
			.my-layui-container {
				margin-top: 700px;
			}
			
			#blog-webms video {
				width: 100%;
			}
			
			#backgroud-div {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			}
			
			#backgroud-div video {
				width: 100%;
			}
		</style>
	</head>

	<body>
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
		<div id="backgroud-div">
			<video muted="muted" autoplay="autoplay" loop="loop">
				<source src="https://triedblog.oss-cn-beijing.aliyuncs.com/webm/2018WEBM-6.webm"></source>
			</video>
		</div>
		<div style="position: fixed;background: #000000;opacity: 0.4;top: 0;bottom: 0;left: 0;right: 0;"></div>
		<div class="layui-container my-layui-container">
			<blockquote class="layui-elem-quote">
				本站主页背景图集 <b>129张</b>（部分展示）&nbsp;&nbsp;<button id="view-all-imgs" class="layui-btn layui-btn-sm layui-btn-danger">部分相册</button><br /> webm（此页面背景）
				<b>32个</b><br /> 百度云链接(最新2018-10-16)：
				<b><a target="_blank" href="https://pan.baidu.com/s/1hUa-G_6Y3MYiD7qUZ_b5qw">https://pan.baidu.com/s/1hUa-G_6Y3MYiD7qUZ_b5qw</a></b> 密码：<b>03ku</b><br />
                会更新 ，大家可以使用
				<b><a target="_blank" href="http://pandownload.com/">Pan Download</a></b>进行下载(快)
				<br/> 此类图片
				<img style="width: 40px;height: 40px;" src="https://triedblog.oss-cn-beijing.aliyuncs.com/headimgs/headimg34.jpeg" />
				<img style="width: 40px;height: 40px;" src="https://triedblog.oss-cn-beijing.aliyuncs.com/headimgs/img19.jpg" />
				<img style="width: 40px;height: 40px;" src="https://triedblog.oss-cn-beijing.aliyuncs.com/headimgs/headimg4.jpeg" />
				<img style="width: 40px;height: 40px;" src="https://triedblog.oss-cn-beijing.aliyuncs.com/headimgs/headimg34.jpeg" /> 共
				<b>101张</b><br/>
			</blockquote>
			<div class="layui-row" id="blog-imgs">
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background1.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background2.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background3.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background4.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background5.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background6.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background7.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background8.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background9.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background10.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background11.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background12.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background13.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background14.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background15.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background16.jpeg></div>
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit"><img lay-src=https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/20181016/background17.jpeg></div>
			</div>
		</div>
		<script type="text/javascript" src="../layui.js"></script>
		<script>
			layui.use(['layer', 'element', 'flow'], function() {
				var element = layui.element,
					layer = layui.layer,
					flow = layui.flow,
					$ = layui.$;
				$(function() {
					setTimeout(function() {
						$(".my-layui-container").animate({
							"margin-top": "-145px"
						}, function() {
							$(".my-layui-container").animate({
								"margin-top": "1px"
							}, function() {
								$("html, body").scrollTop(0).animate({
									scrollTop: 1
								});
							})
						});
					}, 1000)
					var json = {
						"title": "纯真年代",
						"id": 123,
						"start": 0,
						"data": []
					}
					var imgdatas = [];
					var htmls = '';
					var domain = "https://triedblog.oss-cn-beijing.aliyuncs.com/index_background/background";
					for(var i = 1; i <= 77; i++) {
						var imghtml = '<div class="layui-col-xs12 layui-col-sm6 layui-col-md4 myimg layui-anim layui-anim-upbit">' +
							'<img lay-src=' + domain + i + '.jpg>' +
							'</div>'
						htmls += imghtml;
						imgdatas.push({
							"alt": "图片" + i,
							"pid": i,
							"src": domain + i + ".jpg",
							"thumb": domain + i + ".jpg"
						})
						json.data = imgdatas;
					}
					flow.lazyimg({
						elem: '#blog-imgs img'
					});
					//图片点击
					$("#view-all-imgs").click(function() {
						layer.photos({
							photos: json,
							anim: 5
						});
					})
					layer.photos({
						photos: "#blog-imgs",
						anim: 5
					});
				})
			});
		</script>
	</body>

</html>